<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/box2.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="js/laydate/theme/default/laydate.css" />
		<link rel="stylesheet" type="text/css" href="js/layer/theme/default/layer.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="big">
				
			<form action="" method="post">
				<h2>新增信息</h2>
				<div class="form-name form-group">
	
					<label for="name">姓名:</label>
					<input type="text" name="" id="name" class="form-control" placeholder="请输入姓名" />
				</div>
				<div class="form-sex form-group">
	
					<label for="sex">性别:</label>
					<label for="sex1"><input type="radio" name="sex" id="sex1" checked="checked" />
					男</label>
					<label for="sex2"><input type="radio" name="sex" id="sex2" />
					女</label>
	
				</div>
	
				<div class="form-job form-group">
	
					<label for="job">职位:</label>
					<!--<select name="job">
						<option value="1">normal</option>
						<option value="2">Leader</option>
						<option value="3">Boss</option>
					</select>-->
					<div class="selectDiv">
						<p>请选择</p>
						<ul>
							<li class="active">请选择</li>
							<li>student</li>
							<li>teacher</li>
							
							
						</ul>
					</div>
				</div>
				<div class="form-hobby form-group">
					<label for="hobby">兴趣爱好:</label>
					<label for="hobby1"><input type="checkbox" name="hobby1" id="hobby1" value="" />滑雪</label>
					<label for="hobby2"><input type="checkbox" name="hobby2" id="hobby2" value="" />滑雪</label>
					<label for="hobby3"><input type="checkbox" name="hobby3" id="hobby3" value="" />滑雪</label>
					<label for="hobby4"><input type="checkbox" name="hobby4" id="hobby4" value="" />滑雪</label>
	
				</div>
	
				<div class="form-date form-group">
	
					<label for="eggdate">出生日期:</label>
					<input type="text" class="form-control" placeholder="yyyy-MM-dd" name="" id="eggdate" />
	
				</div>
				<div class="form-intro form-group">
	
					<label for="intro" class="jianjie-title">个人简介:</label>
					<textarea name="intro" rows="" cols="" class="form-control" style=""></textarea>
				</div>
				<div class="form-tool form-group">
	
					<input type="submit" class="btn btn-success" value="保存" />
					<input type="button" class="btn btn-default" value="取消" />
				</div>
			</form>
			
			
			<div class="editorBox">
				<!-- 加载编辑器的容器 -->
				<script id="container" name="content" type="text/plain">
					这里写你的初始化内容
				</script>
				<!-- 配置文件 -->
				<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
				<script type="text/javascript" src="js/ueditor/ueditor.all.js"></script>
				<!-- 编辑器源码文件 -->
				<!-- 实例化编辑器 -->
				<script type="text/javascript">
					var ue = UE.getEditor('container');
				</script>
				
			</div>
			
			
			
		</div>
		<script type="text/javascript">
			var index = layer.load(2, {shade: false}); //0代表加载的风格，支持0-2
			
			setTimeout(function(){
				layer.close(index);
				$('.big').css('opacity','1');
				
			},1000);
			window.onload = function() {
				laydate.render({
					elem: '#eggdate' //指定元素
				});
				
				var selectValue;
				$('.selectDiv').on('click', function() {
					event.stopPropagation();
					$('.selectDiv').addClass('active');
					
					
				});
				$(document).on('click',function(){
					event.stopPropagation();
					$('.selectDiv').removeClass('active');
				})
				$('.selectDiv li').on('click', function() {
					event.stopPropagation();
					selectValue = $(this).index();
					selectValue = $(this).text();
					$('.selectDiv p').text(selectValue);
					$('.selectDiv').removeClass('active');
					

				})
			}
		</script>
	</body>

</html>